<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简历</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            padding: 10px;
        }

        h1 {
            font-weight: 400;
            font-size: 24px;
        }

        h2 {
            display: inline-block;
            font-weight: 400;
            font-size: 18px;
            margin: 0;
        }

        h3 {
            font-weight: 400;
            font-size: 12px;
            padding-left: 7px;
        }

        a {
            text-decoration: none;
        }

        ul {

        }

        em {
            font-style: normal;
            color: #dedfe1;
        }

        p, span {
            color: #8a8989;
            font-size: 12px;
            line-height: 12px;
            padding-left: 7px;
            margin-bottom: 8px;
        }

        table {
            width: 100%;
            /*使表格列对齐*/
            table-layout: fixed;
        }

        .content {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .layout-auto {
            table-layout: auto;
        }

        table, td {
            /*border: 1px solid black;
            border-collapse: collapse;
            text-align: center;*/
        }

        .vbar {
            display: inline-block;
            background: #2e67c9;
            width: 3px;
            height: 30px;
            margin-top: 10px;
            alignment: top;
        }

        .inline {
            display: inline;
        }

        .sectionBar {
            background: #a4d5f5;
            margin-top: 10px;
        }
        .title {
            background: #000000;
        }
        .title span {
            color: white;
        }
        .title h1 {
            color: white;
        }
    </style>
</head>
<body>
<div class="title">
    <h1>喻石</h1>
    <div class="content">
        <p id="personalInfo">
            <span class="gender">男</span>
            <em>|</em>
            <span class="age">28</span>
            <em>|</em>
            <span class="city">深圳</span>
            <em>|</em>
            <span class="school1">硕士：香港大学</span>
            <em>|</em>
            <span class="major1">经济学</span>
            <em>|</em>
            <span class="school2">本科：湖南大学</span>
            <em>|</em>
            <span class="major2">金融学</span>
            <em>|</em>
            <span class="phoneNumber">18689228647</span>
            <em>|</em>
            <span>d11yushi@163.com</span>
        </p>
    </div>
</div>

<ul type="none">
    <li id="personalDesc">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>个人描述</h2>
        </div>
        <div class="content">
            <p>
                <span>GPA:3.8/5</span>
                <em>|</em>
                <span>排名：30/248</span>
                <em>|</em>
                <span>CET-6：630</span>
                <em>|</em>
                <span>证书：软件设计师</span>
                <em>|</em>
                <span>职务：班长、某学生会负责人、某组织负责人</span>
            </p>
            <p>
                <span>方向：后端开发、大数据</span>
                <em>|</em>
                <span>特点：热爱研究、XXX</span>
            </p>
        </div>
    </li>
    <li id="honors">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>荣誉奖项</h2>
        </div>
        <table>
            <tr>
                <td><h3 class="inline">奖学金</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        <span>GPA:3.8/5</span>
                        <em>|</em>
                        <span>排名：30/248</span>
                        <em>|</em>
                        <span>CET-6：630</span>
                        <em>|</em>
                        <span>证书：软件设计师</span>
                        <em>|</em>
                        <span>职务：班长、某学生会负责人、某组织负责人</span>
                    </p>
                    <p>
                        <span>方向：后端开发、大数据</span>
                        <em>|</em>
                        <span>特点：热爱研究、XXX</span>
                    </p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">学科竞赛</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        2017xx市xx软件开发个人赛二等奖、xx市xx赛三等奖
                    </p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">荣誉称号</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        2017校优秀学生干部、xxx
                    </p>
                </td>
            </tr>
        </table>
    </li>
    <li id="research">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>科研学术</h2>
        </div>
        <p class="subsection" id="projectLeader">
        <table>
            <tr>
                <td><h3 class="inline">xxxx项目负责人</h3></td>
                <td><h3 class="inline">2017/04~2018/05</h3></td>
            </tr>
            <tr>
                <td>
                    <p>带领团队研发“xxx”项目，取得xx成果。</p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">xxx研发</h3></td>
                <td><h3 class="inline">2017/04~2018/05</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        参与研发“xxx”，包括xxx，取得xx成果。
                    </p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">xxx技术研究</h3></td>
                <td><h3 class="inline">2018/07~2019/04</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        研究基于xx的理论和实践，负责xx，完成xx项目。
                    </p>
                </td>
            </tr>
        </table>
    </li>
    <li id="internships">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>实习经历</h2>
        </div>

        <table>
            <tr>
                <td><h3 class="inline">xx公司</h3></td>
                <td><h3 class="inline">后端研发（Java）</h3></td>
                <td><p>参与xx业务的xx研发，取得xx成果。</p></td>
                <td><h3 class="inline">2018/07~2018/09</h3></td>
            </tr>
            <tr>
                <td><h3 class="inline">xx公司</h3></td>
                <td><h3 class="inline">后端研发（php/Go）</h3></td>
                <td><p>负责xx项目的后端研发，取得xx成果。</p></td>
                <td><h3 class="inline">2018/12~2019/04</h3></td>
            </tr>
            <tr>
                <td><h3 class="inline">xx公司</h3></td>
                <td><h3 class="inline">全栈开发（Java/React）</h3></td>
                <td><p>负责xx业务研发及技术优化，提升xx能力。</p></td>
                <td><h3 class="inline">2019/06至今</h3></td>
            </tr>
        </table>
    </li>
    <li id="projectExperience">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>项目经历</h2>
        </div>

        <table>
            <tr>
                <td><h3 class="inline">xx负责人</h3></td>
                <td><h3 class="inline">2017/09至今</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        带领团队负责xx建设，独立开发xx，取得xx成果。
                    </p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">xx平台</h3></td>
                <td><h3 class="inline">2019/01~2019/10</h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        负责xx平台架构设计、后端研发、xx搭建、xx优化，性能提升x%，可用性提升x%。
                    </p>
                </td>
            </tr>
            <tr>
                <td><h3 class="inline">个人项目（<a href="http://www.dahouduan.com" target="_blank">个人博客</a>）</h3></td>
                <td><h3 class="inline"></h3></td>
            </tr>
            <tr>
                <td>
                    <p>
                        xx平台，xx网站，xx系统，xx小程序等。
                    </p>
                </td>
            </tr>
        </table>
    </li>
    <li id="technologyStack">
        <div class="sectionBar">
            <div class="vbar"></div>
            <h2>技术栈</h2>
        </div>

        <table class="layout-auto">
            <tr>
                <td><h3 class="inline">服务器</h3></td>
                <td><p>SpringBoot、SSM、SpringCloud微服务、Dubbo、Zookeeper、RabiitMQ、设计模式...</p></td>
            </tr>
            <tr>
                <td><h3 class="inline">数据库</h3></td>
                <td><p>MySQL、Redis</p></td>
            </tr>
            <tr>
                <td><h3 class="inline">大数据</h3></td>
                <td><p>Hadoop、HDFS、MapReduce、Hive、HBase、推荐算法</p></td>
            </tr>
            <tr>
                <td><h3 class="inline">前端</h3></td>
                <td><p>React、Vue、jQuery、TypeScript、JavaScript、Cordova、小程序开发</p></td>
            </tr>
            <tr>
                <td><h3 class="inline">测试</h3></td>
                <td><p>单元测试、压力测试、接口测试</p></td>
            </tr>
            <tr>
                <td><h3 class="inline">版本控制</h3></td>
                <td><p>Git、SVN</p></td>
            </tr>
        </table>
    </li>
</ul>
</body>
</html>